<template>
  <div :class="'common-pd-page pay-info-box'">
    <HPModuleTitle :titleText="'薪资信息'" />
    <ul class="info-box" v-if="candidateInfo">
      <li class="info-item">
        <span class="info-item-tip"> 银行账号 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.bankAccount }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 开户行 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.bankName }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 开户城市 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.bankCityCode }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 总报价 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.allAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 基本工资 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.baseWage | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 社保公积金 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.socialFundPaymentAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 残保金 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.residualInsuranceAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 绩效 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.performanceAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 补贴 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.subsidiesAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 其它费用 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.otherAmount | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 服务费标准 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.serviceBase }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 税点 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.vatAmount }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 养老缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.oldAgePercentage | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 养老缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.oldAgeBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 医疗缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.treatmentPercentage }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 医疗缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.treatmentBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 失业缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.unemploymentPercentage }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 失业缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.unemploymentBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 生育缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.fertilityPercentage }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 生育缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.fertilityBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 工伤缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.workInjuryPercentage }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 工伤缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.workInjuryBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 住房公积金缴纳比例(%) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.fundPercentage }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 住房公积金缴纳基数(元) ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.fundPaymentBase | STR_Add_KILOBIT }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 社保公积金缴纳地 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.socialSecurityPayment }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 备注 ： </span>
        <span class="info-item-txt">
          {{ candidateInfo.remark }}
        </span>
      </li>
    </ul>
  </div>
</template>
<script>
import HPModuleTitle from "@/components/HPModuleTitle.vue";
export default {
  props: {
    candidateInfo: {
      type: Object,
      default: {},
    },
    isShowCandidate: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  components: {
    HPModuleTitle,
  },
};
</script>
<style lang="scss">
.pay-info-box {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff; // margin-top: 20px;
  height: auto;
  overflow: hidden;
  .info-box {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    .info-item {
      // width: 100%;
      display: inline-block;
      text-align: left;
      font-size: 14px;
      color: #636363;
    }
    .info-item-tip {
      display: inline-block;
      width: 160px;
      height: 40px;
      line-height: 40px;
      text-indent: 5px;
    }
  }
}
</style>
